import { useAccount } from "@/stores/account";
import { useCommentAppoint, useCommentBatch, useCommentLoop, useCommentManuallys } from "@/stores/comment";
import { useSession } from "@/stores/sesstion";
import { defineComponent, ref } from "vue";
import styles from './styles.module.css';
import { showToast } from "@/utils/utils";


export default defineComponent({
    setup(_props, _ctx) {
        const manuallyStores = useCommentManuallys();
        const accountStore = useAccount();
        const session = useSession();
        return () => {
            return (
                <div >
                    {manuallyStores.manuallys.map((item, index) => {
                        return <el-row class={styles.inputBox}>
                            <el-col span={2} class={styles.inputText}>序号:</el-col>
                            <el-col span={4} class={styles.text}><el-input placeholder={index + 1} size="small" v-model={item.index}></el-input></el-col>
                            <el-col span={2} class={styles.inputText}>&nbsp;内容:</el-col>
                            <el-col span={12} class={styles.text}><el-input placeholder="请输入发言内容" size="small" v-model={item.content}></el-input></el-col>
                            <el-col span={1} ></el-col>
                            <el-col span={3}><el-button size="small" type="primary" onClick={() => {
                                manuallyStores.send(item);
                            }}>发言</el-button></el-col>
                        </el-row>;
                    })}

                </div>

            );
        }
    },
});
